Linux 小程序应用开发环境

下载并安装运行环境、Demo

apt update
apt install -y cube-miniapp

运行 Demo 程序

# 运行 Cube 小程序 Demo
cube-test 2021001142699009 pages/index/index
  • cube-test：cube 小程序框架
  • 2021001142699009： 小程序 appid，这个是由 cube-test 确定入口程序 id
  • pages/index/index：初始页面

cube-miniapp-demo1

注意：

  1. 此 Demo 为离线方式小程序，实际小程序需要联网下载。
  2. 小程序需要一个 HomeApp 调用，因此 Demo 直接调用，在初始页面再返回时，会返回到黑屏。

Cube 小程序简介

Cube 是一个可独立发布的跨平台 渲染引擎，在小程序这一技术体系内，仅作为一种不同于 Web(WebView) 的高性能渲染方式存在。

  1. Cube 小程序特点
    • 支持使用 "类Web" 语言进行业务开发，快速开发体验
    • 兼顾性能和体验的跨平台 Native 渲染引擎，与 Native 应用相当的使用体验
  2. 与 Web 的关系
    • 渲染能力支持上，基本实现了 w3c 样式规范的子集
    • 在运行架构上，不基于 HTML 语言表示, 而基于节点级别的批量指令操作
    • 在逻辑执行上，均通过 JavaScript 进行逻辑执行

示例：编译、运行 helloworld

  1. 安装编译工具

    # 全局安装
tnpm install -g  @ali/mini

# 如无权限或permission denied，请加sudo尝试安装
sudo tnpm install -g  @ali/mini

  2. 初始化 helloworld 小程序项目

    mkdir helloworld
cd helloworld
mini init
# 选择 Cube 小程序
? 请输入项目名称:  helloTinyApp
? 选择你的项目类型:  Cube 小程序

# 生成后的小程序项目目录
helloTinyApp
├── README.md
├── app.acss
├── app.js
├── app.json
├── mini.project.json
└── pages
    └── index
        ├── index.acss
        ├── index.axml
        ├── index.js
        └── index.json

  3. 构建、打包小程序

    # helloTinyApp Cube 小程序项目根目录下执行
mini build ./

...
Inject code for ./helloworld/helloTinyApp/miniapptools_dist/ng-main/index.html failed because of file not exist
Inject code for ./helloworld/helloTinyApp/miniapptools_dist/ng-main/index.worker.js failed because of file not exist
>>> 构建完成
小程序产物包: ./helloworld/helloTinyApp/miniapptools_dist/dist.tar

#出现上面 log 后，构建成功，构建产物为 miniapptools_dist/dist.tar

    上传 dist.tar 到 ICE_EVB 的 /resources/demo/pkg/2021001142699009 目录下，并在 ICE EVB 板 Linux 环境下解压 dist.tar

    # 在 PC 上执行 scp 命令，上传 dist.tar
scp miniapptools_dist/dist.tar root@192.168.1.100:/resources/demo/pkg/2021001142699009/.

# 在 ICE_EVB 上解压 dist.tar
cd /resources/demo/pkg/2021001142699009/
tar xf dist.tar

# 启动更新后的小程序
cube-test 2021001142699009 pages/index/index

    cube-miniapp-demo-hello

  1. 可以使用支付宝的小程序开发者工具进行小程序模拟、调试。小程序开发者工具是针对 Web 小程序，Cube 小程序为其子集，不支持有些样式，造成构建时语法错误和显示效果不同。

results matching ""

    No results matching ""